<template>
  <dv-border-box-8 style="height: 120px; padding: 5px">
    <div class="overall">
      <el-row :gutter="20" style="margin-bottom: 8px">
        <el-col :span="8" class="llq">
          <div class="label">销售额/日</div>
          <div class="value">{{ data.dayCustom }}</div>
        </el-col>
        <el-col :span="8" class="llq">
          <div class="label">销售额/月</div>
          <div class="value">{{ data.monthCustom }}</div>
        </el-col>
        <el-col :span="8" class="llq">
          <div class="label">销售额/年</div>
          <div class="value">{{ data.yearCustom }}</div>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="8" class="llq">
          <div class="label">销量/日</div>
          <div class="value">{{ data.dayQuantity }}</div>
        </el-col>
        <el-col :span="8" class="llq">
          <div class="label">销量/月</div>
          <div class="value">{{ data.monthQuantity }}</div>
        </el-col>
        <el-col :span="8" class="llq">
          <div class="label">销量/年</div>
          <div class="value">{{ data.yearQuantity }}</div>
        </el-col>
      </el-row>
    </div>
  </dv-border-box-8>
</template>

<script>
export default {
  mounted() {
    this.$http.get("/bill/overall").then((res) => {
      this.data = res.data;
    });

    this.$http.get("/bill/dishRank");
    this.$http.get("/bill/tasteRank");
    this.$http.get("/bill/monthStat");
    this.$http.get("/bill/weekStat");
    this.$http.get("/bill/priceRangeRank");
  },
  data() {
    return {
      data: {},
      config: {
        data: [
          {
            name: "周口",
            value: 55,
          },
          {
            name: "南阳",
            value: 120,
          },
          {
            name: "西峡",
            value: 78,
          },
          {
            name: "驻马店",
            value: 66,
          },
          {
            name: "新乡",
            value: 80,
          },
          {
            name: "信阳",
            value: 45,
          },
          {
            name: "漯河",
            value: 29,
          },
        ],
      },
    };
  },
};
</script>

<style lang="less">
.llq {
  color: #3de7c9;
  font-size: 1.1rem;
  text-align: center;
  .label {
    margin-bottom: 4px;
  }
}
</style>
